import React, { Component } from 'react'

import Img from "../components/Img"

import "../assets/styles/tabs.less"

export default class CustomTabs extends Component {
    constructor(props) {
        super(props)
        this.state = {
            tabs: [
                {
                    img: 'icon_breakfast.png',
                    label: 'javaee'
                },
                {
                    img: 'icon_dianxin.png',
                    label: 'javaee'
                },
                {
                    img: 'icon_lunch.png',
                    label: 'javaee'
                }, {
                    img: 'icon_breakfast.png',
                    label: 'javaee'
                }, {
                    img: 'icon_dianxin.png',
                    label: 'javaee'
                }, {
                    img: 'icon_lunch.png',
                    label: 'javaee'
                }, {
                    img: 'icon_breakfast.png',
                    label: 'javaee'
                }
            ]
        }
    }
    render() {
        return (
            <div className="CustomTabs d_f ai_c f_w mt_30">
                {this.state.tabs.map(item => (
                    <div className="item">
                        <Img src={item.img} width="60px" height="60px" />
                        <span className="label">{item.label}</span>
                    </div>
                ))}

            </div>
        )
    }
}
